* {
  margin        : 0;
  padding       : 0;
  list-style    : none;
  vertical-align: middle;
}

.box {
  width   : 250px;
  height  : 250px;
  border  : 1px solid red;
  margin  : 50px auto;
  overflow: hidden;
}

.left {
  float       : left;
  width       : 50px;
  height      : 250px;
  border-right: 1px solid red;
  box-sizing  : border-box;
}

.left .item {
  width        : 100%;
  height       : 28px;
  border-bottom: 1px solid red;
  box-sizing   : border-box;
  text-align   : center;
  line-height  : 28px;
  background-image: linear-gradient(to bottom,
      #fff,
      pink);
  cursor: pointer;
}

.right {
  width   : 200px;
  height  : 250px;
  float   : left;
  position: relative;
}

.right img {
  position: absolute;
}